<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>HTLiveSight</title>
<link rel="icon" type="image/png" href="./themes/images/48.png" />
<link rel='stylesheet' type='text/css' href='./themes/custom.css' />
<!--Custom Tweaks-->
<link rel="stylesheet" type="text/css" href="./themes/dark.css" />
<!--Dark Theme-->
<link rel="stylesheet" type="text/css" href="./themes/light.css" />
<!--Light Theme-->
<link rel="stylesheet" type="text/css" href="./themes/livefox.css" />
<!--Livefox Theme-->
<link rel="stylesheet" type="text/css" href="./themes/custom.css" />
<!--Custom Tweaks-->
<script type="text/javascript" src="lib/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui-1.8.23.custom.min.js"></script>
<script type="application/x-javascript" src="htlivesight.js"></script>
<script type="application/x-javascript" src="env.js"></script>
<script type="application/x-javascript" src="lang.js"></script>
<script type="application/x-javascript" src="settings.js"></script>
<script type="application/x-javascript" src="preferences.js"></script>
<script type="application/x-javascript" src="log.js"></script>
<script type="application/x-javascript" src="sound.js"></script>
<script type="application/x-javascript" src="util.js"></script>
<script type="application/x-javascript" src="./prefs.js"></script>
<script type="application/x-javascript" src="./api-proxy.js"></script>
<script type="application/x-javascript" src="./util/misc.js"></script>
<script type="application/x-javascript" src="image.js"></script>
<script type="application/x-javascript" src="click.js"></script>
<script type="application/x-javascript" src="dom.js"></script>
<script type="application/x-javascript" src="notify.js"></script>
<script type="application/x-javascript" src="events.js"></script>
<script type="application/x-javascript" src="eventsystem.js"></script>
<script type="application/x-javascript" src="friends.js"></script>
<script type="application/x-javascript" src="http.js"></script>
<script type="application/x-javascript" src="login.js"></script>
<script type="application/x-javascript" src="logout.js"></script>
<script type="application/x-javascript" src="match.js"></script>
<script type="application/x-javascript" src="time.js"></script>
<script type="application/x-javascript" src="league.js"></script>
<script type="application/x-javascript" src="live.js"></script>
<script type="application/x-javascript" src="team.js"></script>
<script type="application/x-javascript" src="matches.js"></script>
<script type="application/x-javascript" src="matchdetails.js"></script>
<script type="application/x-javascript" src="matchlineup.js"></script>
<script type="application/x-javascript" src="lineup.js"></script>
<script type="application/x-javascript" src="htlivesight_listeners.js"></script>
<script type="application/x-javascript" src="settings_listeners.js"></script>
<script type="application/x-javascript" src="./lib/oauth.js"></script>
<script type="application/x-javascript" src="./lib/sha1.js"></script>
<script type="application/x-javascript" src="jquery.js"></script>
<script type="application/x-javascript" src="players.js"></script>
<script type="application/x-javascript" src="speech.js"></script>
<script type="application/x-javascript" src="tournaments.js"></script>
<!--  <script type="text/javascript" src="./lib/google-tts.js"></script>
<script type="application/x-javascript" src="./lib/soundmanager2-nodebug-jsmin.js"></script>-->

</head>
<body id="htlivesight-body">
	<div id="login-dialog" title="">
		<form>
			<img src="./themes/images/chpp.png" alt="HTLiveSight Logo"
				class="anotherbrick1">
			<fieldset>
				<legend id="LoginLabel2"></legend>
				<label id="LoginTeamId" for="teamId"></label> <input type="text"
					id="teamId" class="text ui-widget-content ui-corner-all"></input> <br />
				<br /> <label id="SecondTeamIdLabel" for="teamId">Insert a
					second team Id </label> <input type="text" id="secondTeamId"
					class="text ui-widget-content ui-corner-all"></input> <br /> <input
					type="checkbox" id="clearAllMatches" style='display: none' /><label
					for="clearAllMatches" id="labelClearAllMatches"
					style='display: none'>Clear all old matches before start</label> <br />

				<input type="checkbox" id="save_teamId" /><label for="save_teamId"
					id="LoginSave"></label> <input type="button" id="button_login"
					value="" />
			</fieldset>
			<fieldset>
				<legend id="LoginReLive"></legend>
				<input type="checkbox" id="reLive" /><label for="reLive"
					id="LoginReLive2"></label><br /> <label id="LoginSpeed"
					for="reLiveSpeed"></label>
				<form>
					<select class="text ui-widget-content ui-corner-all"
						id="reLiveSpeed">
						<option value="1">1x</option>
						<option value="2">2x</option>
						<option value="3">3x</option>
						<option value="4">4x</option>
						<option value="5">5x</option>
						<option value="6">6x</option>
						<option value="10">10x</option>
						<option value="12">12x</option>
						<option value="15">15x</option>
						<option value="20">20x</option>
						<option value="30">30x</option>
						<option value="60">60x</option>
					</select>
				</form>
				<input type="checkbox" id="reLiveByEvent" /><label
					for="reLiveByEvent" id="LoginByEvent"></label>
			</fieldset>
		</form>
		<img src="./themes/images/oauth.png" alt="HTLiveSight Logo"
			class="anotherbrick2">
		<fieldset id='safari-warning' class="warning" style='display: none'>
			<legend id="warning" class='warning'>Warning!</legend>
			<span id='safari-warning-text'>If HTLivesight panel isn't
				focused, notifications sounds will be blocked. Please open a new
				window if you want to browse on internet during a match</span>
		</fieldset>
		<fieldset id='android-warning' class="warning" style='display: none'>
			<legend id="warning2" class="warning">Warning!</legend>
			<span id='android-warning-text'>If HTLiveSight tab isn't
				focused, notifications will be blocked, they will appear at first
				update after you're back on its tab.</span>
		</fieldset>
	</div>
	<div id="options-dialog" title="">
		<div id="options-tabs">
			<ul>
				<li><a id="TabGeneral" href="#otabs-1">Y</a></li>
				<li><a id="TabMatches" href="#otabs-2">M</a></li>
				<li><a id="TabNotifications" href="#otabs-3">C</a></li>
				<li><a id="TabOther" href="#otabs-4">A</a></li>
				<li><a id="TabCustom" href="#otabs-5">!</a></li>
				<li><a id="TabColors" href="#otabs-6">Colors</a></li>
			</ul>
			<div id="otabs-1">
				<!--TAB1-->
				<fieldset>
					<legend id="ThemesSelector">Themes</legend>
					<form>
						<input type="radio" name="theme" value="Dark Theme"
							id="dark_theme"><label for="dark_theme"
							id="label_dark_theme">Dark</label> <input type="radio"
							name="theme" value="Light Theme" id="light_theme"><label
							for="light_theme" id="label_light_theme">Light</label> <input
							type="radio" name="theme" value="Livefox Theme"
							id="livefox_theme"><label for="livefox_theme"
							id="label_livefox_theme">LiveFox</label>
					</form>
				</fieldset>
				<fieldset>
					<legend id="GeneralOpen"></legend>
					<form>
						<div id="openin">
							<input type="radio" id="openin_tab" name="radio" /><label
								for="openin_tab" id="label_openin_tab">In a new tab</label> <input
								type="radio" id="openin_window" name="radio" /><label
								for="openin_window" id="label_openin_window">In a new
								window</label>
						</div>
					</form>
				</fieldset>
				<fieldset>
					<legend id="LanguageSelect"></legend>
					<form>
						<select class="text ui-widget-content ui-corner-all"
							id="lang-list">
							<option value="A-I/ara">[ara] العربية</option>
							<option value="A-I/aze">[aze] Azərbaycanlı</option>
							<option value="A-I/bel">[bel] Беларуская</option>
							<option value="A-I/bul">[bul] Български</option>
							<option value="A-I/bos">[bos] Bosanski</option>
							<option value="A-I/cat">[cat] Català</option>
							<option value="A-I/ces">[ces] Čeština</option>
							<option value="A-I/dan">[dan] Dansk</option>
							<option value="A-I/ger">[ger] Deutsch</option>
							<option value="A-I/eng">[eng] English</option>
							<option value="A-I/eng-us">[eng-us] American</option>
							<option value="A-I/ell">[ell] Ελληνικά</option>
							<option value="J-Z/spa">[spa] Español</option>
							<option value="J-Z/spa-ca">[spa-ca] Centroamericano</option>
							<option value="J-Z/spa-su">[spa-su] Sudamericano</option>
							<option value="A-I/est">[est] Eesti</option>
							<option value="A-I/eus">[eus] Euskara</option>
							<option value="A-I/fas">[fas] فارسی</option>
							<option value="A-I/fin">[fin] Suomi</option>
							<option value="A-I/fra">[fra] Français</option>
							<option value="A-I/fry">[fry] Frysk</option>
							<option value="A-I/fur">[fur] Furlan</option>
							<option value="A-I/glg">[glg] Galego</option>
							<option value="A-I/heb">[heb] עברית</option>
							<option value="A-I/hrv">[hrv] Hrvatski</option>
							<option value="A-I/hun">[hun] Magyar</option>
							<option value="A-I/ind">[ind] Bahasa Indonesia</option>
							<option value="A-I/isl">[isl] Islenska</option>
							<option value="A-I/ita">[ita] Italiano</option>
							<option value="J-Z/jpn">[jpn] 日本語</option>
							<option value="J-Z/kat">[kat] ქართული</option>
							<option value="J-Z/kor">[kor] 한국어</option>
							<option value="J-Z/ltz">[ltz] Lëtzebuergesch</option>
							<option value="J-Z/lit">[lit] Lietuvių</option>
							<option value="J-Z/lav">[lav] Latviešu</option>
							<option value="J-Z/mkd">[mkd] Македонски</option>
							<option value="J-Z/mlt">[mlt] Malti</option>
							<option value="J-Z/nld">[nld] Nederlands</option>
							<option value="J-Z/nob">[nob] Norsk-Bokmål</option>
							<option value="J-Z/nno">[nno] Norsk-Nynorsk</option>
							<option value="J-Z/pol">[pol] Polski</option>
							<option value="J-Z/por">[por] Português</option>
							<option value="J-Z/por-br">[por-br] Brasileiro</option>
							<option value="J-Z/ron">[ron] Română</option>
							<option value="J-Z/rus">[rus] Русский</option>
							<option value="J-Z/slk">[slk] Slovenčina</option>
							<option value="J-Z/slv">[slv] Slovenščina</option>
							<option value="J-Z/sqi">[sqi] Shqip</option>
							<option value="J-Z/srp">[srp] Српски</option>
							<option value="J-Z/swe">[swe] Svenska</option>
							<option value="J-Z/tur">[tur] Türkçe</option>
							<option value="J-Z/vie">[vie] Tiếng Việt</option>
							<option value="J-Z/vls">[vls] Vlaams</option>
							<option value="J-Z/ukr">[ukr] Українська</option>
							<option value="J-Z/zho">[zho] 中文（简体）</option>
						</select>
					</form>
					<br /> <label id="LanguageNote"></label>
					<div id="CrowdinLink">
						<a
							href="http://crowdin.net/project/htlivesight/invite?token=a41f1ac45795476ca5087af76978fad8"
							target="_blank"><img id="CrowdinLogo"
							src="./themes/images/crowdin.png" />
							<div id="CrowdinLabel">
								<label id="CrowdinHelp">Help translating! With Crowdin
									is supereasy and very funny!</label>
							</div> </a>
					</div>
				</fieldset>
				<fieldset>
					<legend id="CustomBackground">Background</legend>
					<input type="checkbox" id="chkExtendBackground" /><label
						for="chkExtendBackground" id="label_chkExtendBackground">Extend
						image</label> <input type="checkbox" id="chkRepeatBackground" /><label
						for="chkRepeatBackground" id="label_chkRepeatBackground">Repeat
						image</label> <br>
					<button id="label_customBackground_try" class="brestore"
						style="display: none">try</button>
					<button id="label_customBackground_reset" class="brestore">restore</button>
					<input type="file" id="customBackgroundPathBrowse" tabindex="2" />
					<input type="url" id="customBackgroundPath" maxlength="450000"
						size="57"
						value="chrome://htlivesight/content/themes/images/bg.png"
						class="textsnd ui-widget-content ui-corner-all" /> <br />
				</fieldset>
				<fieldset style="display: none">
					<legend id="GeneralServer" style="display: none"></legend>
					<label id="GeneralNote" style="display: none"></label> <br /> <label
						for="hattrickServer" style="display: none">Hattrick
						server:</label>
					<form>
						<select class="text ui-widget-content ui-corner-all"
							id="hattrickServer" style="display: none">
							<option value="www74">www74</option>
							<option value="www75">www75</option>
							<option value="www76">www76</option>
							<option value="www77">www77</option>
							<option value="www78">www78</option>
							<option value="www79">www79</option>
							<option value="www80">www80</option>
							<option value="www81">www81</option>
							<option value="www82">www82</option>
							<option value="www83">www83</option>
							<option value="www84">www84</option>
							<option value="www85">www85</option>
							<option value="www86">www86</option>
							<option value="www87">www87</option>
							<option value="www88">www88</option>
							<option value="www89">www89</option>
							<option value="www90">www90</option>
							<option value="www91">www91</option>
							<option value="www92">www92</option>
							<option value="www93">www93</option>
							<option value="www94">www94</option>
							<option value="www95">www95</option>
							<option value="www96">www96</option>
							<option value="www97">www97</option>
							<option value="www98">www98</option>
							<option value="stage">stage</option>
						</select>
					</form>
				</fieldset>
			</div>
			<div id="otabs-2">
				<!--TAB2-->
				<fieldset>
					<legend id="MatchesLeague"> League Matches</legend>
					<input type="checkbox" id="chkGetLeague" /><label
						for="chkGetLeague" id="label_chkGetLeague">Load
						automatically League Matches and League Table</label><br /> <input
						type="checkbox" id="chkGetLeagueWithin" /><label
						for="chkGetLeagueWithin" id="label_chkGetLeagueWithin">Played
						in </label> <input type="number" min="0" max="84" step="1" value="24"
						size="3" id="txtGetLeagueWithinHours"
						class="text ui-widget-content ui-corner-all" /> <label
						id="MatchesHours" for="txtGetLeagueWithinHours">hours</label><br />
				</fieldset>
				<fieldset>
					<legend id="MatchesTournament"> Tournament Matches</legend>
					<input type="checkbox" id="chkGetTournament" /><label
						for="chkGetTournament" id="label_chkGetTournament">Load
						automatically Tournament Matches</label><br /> <input
						type="checkbox" id="chkGetTournamentWithin" /><label
						for="chkGetTournamentWithin" id="label_chkGetTournamentWithin">Played
						in </label> <input type="number" min="0" max="84" step="1" value="24"
						size="2" maxlength="2" id="txtGetTournamentWithinHours"
						class="text ui-widget-content ui-corner-all" /> <label
						id="MatchesHours" for="txtGetTournamentWithinHours">hours</label><br />
				</fieldset>
				<fieldset>
					<legend id="MatchesFriends">Friends Matches</legend>
					<input type="checkbox" id="chkGetFriends" /><label
						for="chkGetFriends" id="label_chkGetFriends">Load
						automatically matches of your friends</label><br /> <input
						type="checkbox" id="chkGetFriendsWithin" /><label
						for="chkGetFriendsWithin" id="label_chkGetFriendsWithin">Played
						in</label> <input type="number" min="0" max="84" step="1" value="24"
						size="3" id="txtGetFriendsWithinHours"
						class="text ui-widget-content ui-corner-all" /> <label
						id="MatchesHours2" for="txtGetFriendsWithinHours">hours</label><br />


					<!-- adding check box to not load friends htointegrated matches -->
					<input type="checkbox" id="chkDoNotGetFriendsHointegratedMatches" /><label
						for="chkDoNotGetFriendsHointegratedMatches"
						id="label_chkDoNotGetFriendsHointegratedMatches"> Don't
						load single and tournament matches for friends</label><br />


				</fieldset>
				<fieldset>
					<legend id="MatchesHeader">Header</legend>
					<input type="checkbox" id="chkHdrScorers" /><label
						for="chkHdrScorers" id="label_chkHdrScorers">Add scorers
						in header</label><br /> <input type="checkbox" id="chkHdrBooked" /><label
						for="chkHdrBooked" id="label_chkHdrBooked">Add booked in
						header</label><br /> <input type="checkbox" id="chkHdrSentOff" /><label
						for="chkHdrSentOff" id="label_chkHdrSentOff">Add sent off
						in header</label><br /> <input type="checkbox" id="chkHdrInjured" /><label
						for="chkHdrInjured" id="label_chkHdrInjured">Add injured
						in header</label><br />
				</fieldset>
				<fieldset>
					<legend id="MatchesWindow">Live Window</legend>
					<input type="number" min="0" max="12" step="1" value="3" size="2"
						id="txtMatchWindowSize"
						class="text ui-widget-content ui-corner-all" /> <label
						id="MatchesLines">Lines to show in minimized mode</label><br />
				</fieldset>
			</div>
			<div id="otabs-3">
				<!--TAB3-->
				<fieldset>
					<legend id="NotifyNotify">Notifications</legend>
					<input type="checkbox" id="chkSound" /><label for="chkSound"
						id="label_chkSound">Enable sound notifications</label><br /> <input
						type="checkbox" id="chkSoundOnlyOpened" /><label
						for="chkSoundOnlyOpened" id="label_chkSoundOnlyOpened">Only
						in opened matches</label><br /> <input type="checkbox" id="chkFlash" /><label
						for="chkFlash" id="label_chkFlash">Flash headers</label><br /> <input
						type="checkbox" id="chkSlider" /><label for="chkSlider"
						id="label_chkSlider">Status bar slider</label><br />
				</fieldset>
			</div>
			<div id="otabs-4">
				<!--TAB4-->
				<fieldset>
					<legend id="OtherAuthorization">Authorization code</legend>
					<form id="ResetAuth">
						<span id="OtherReset">Remove authorization</span>
						<button id="removeauth" form="ResetAuth" />
						<label for="removeauth" form="ResetAuth" id="button_reset"></label>
					</form>
				</fieldset>
				<fieldset>
					<legend id="OtherEvents">Sequence of events</legend>
					<input type="checkbox" id="reverseOrder" /><label
						for="reverseOrder" id="label_reverseOrder">Bottom up
						display of match events</label><br /> <label id="OtherReverseNote"></label>
				</fieldset>
				<fieldset>
					<legend id="OtherEventKey"></legend>
					<input type="checkbox" id="printEventKey" /><label
						for="printEventKey" id="label_printEventKey">Show eventkey
						in the commentary</label><br />
				</fieldset>
				<fieldset>
					<legend id="CustomIcons">Icons</legend>
					<input type="checkbox" id="oldIcons" /><label for="oldIcons"
						id="label_oldIcons"> Original Livefox icons in match
						window</label><br />
				</fieldset>
				<fieldset>
					<legend id="import">Import</legend>
					<textarea id="import_text"></textarea>
					<button id="import_button" class="brestore">Import</button>
				</fieldset>
				<fieldset>
					<legend id="export">Export</legend>
					<input type="checkbox" id="chkExportOauth" /><label
						for="chkExportOauth" id="label_chkExportOauth">Export
						Oauth</label><br /> <input type="checkbox" id="chkExportBackground" /><label
						for="chkExportBackground" id="label_chkExportBackground">Export
						Background</label><br /> <input type="checkbox" id="chkExportSounds" /><label
						for="chkExportSounds" id="label_chkExportSounds">Export
						Sounds</label><br />
					<textarea id="export_text"></textarea>
					<button id="export_button" class="brestore">Export</button>
				</fieldset>

			</div>
			<div id="otabs-5">
				<!--TAB5-->
				<div id="tabs">
					<ul>
						<li><a href="#tabs-0"><label id="TabOptions">Options</label></a>
						</li>
						<li><a href="#tabs-1"><label id="TabGoalSound">Goals
									sounds</label></a></li>
						<li><a href="#tabs-2"><label id="TabChances"></label></a></li>
						<li><a href="#tabs-3"><label id="TabWheatherSound"></label></a>
						</li>
						<li><a href="#tabs-4"><label id="TabWhistleSound"></label></a>
						</li>
						<li><a href="#tabs-5"><label id="TabInjuries"></label></a></li>
					</ul>
					<div id="tabs-0">


						<!--  <fieldset> -->
						<!--  	<legend id="CustomSounds">Sounds</legend> -->
						<a href="http://htlivesight.sourceforge.net/dlc.html"
							id="visitOurSoundCollection" target="_blank">Visit our sounds
							collection</a><br />
						<br /> <input type="checkbox" id="chkSecondSoundEqualFirst" /><label
							for="chkSecondSoundEqualFirst"
							id="label_chkSecondSoundEqualFirst">Second team sounds
							equal to first ones</label><br /> <input type="checkbox" id="weather" /><label
							for="weather" id="label_weather">Weather sound for start
							of the match</label><br /> <input type="checkbox" id="whistleTime" /><label
							for="whistleTime" id="label_whistleTime">Sound for
							start/end of an halftime</label><br /> <input type="checkbox"
							id="weatherSE" /><label for="weatherSE" id="label_weatherSE">Sound
							for weather special events</label><br /> <input type="checkbox"
							id="livefoxGoal" /><label for="livefoxGoal"
							id="label_livefoxGoal">Original Livefox sounds</label><br /> <input
							type="checkbox" id="noOpGoal" /><label for="noOpGoal"
							id="label_noOpGoal">No sounds for opponent's goals</label><br />
						<input type="checkbox" id="volumeSound" /><label
							for="volumeSound" id="label_volumeSound">Play sound after
							volume setting</label><br /> <br />
						<br />
						<!--			<fieldset>

					<span id="PathSoundsNote1"></span><br /> <span
						id="PathSoundsNote2"></span><br /> -->
					</div>
					<div id="tabs-1">
						<!-- my goal -->
						<input type="checkbox" id="myGoalCheck" /><label
							for="myGoalCheck" id="label_myGoalCheck">Sound for own
							goal</label> <br />
						<button id="label_myGoalButton_reset" class="brestore">restore</button>
						<button id="label_myGoalButton_play" class="brestore">play</button>
						<input type="file" id="myGoalSoundPathBrowse" tabindex="2" /> <input
							type="url" id="myGoalSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- op goal -->
						<br /> <input type="checkbox" id="opGoalCheck" /><label
							for="opGoalCheck" id="label_opGoalCheck">Sound for own
							goal</label> <br />
						<button id="label_opGoalButton_reset" class="brestore">restore</button>
						<button id="label_opGoalButton_play" class="brestore">play</button>
						<input type="file" id="opGoalSoundPathBrowse" tabindex="2" /> <input
							type="url" id="opGoalSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- fr goal -->
						<br /> <input type="checkbox" id="frGoalCheck" /><label
							for="frGoalCheck" id="label_frGoalCheck">Sound for own
							goal</label> <br />
						<button id="label_frGoalButton_reset" class="brestore">restore</button>
						<button id="label_frGoalButton_play" class="brestore">play</button>
						<input type="file" id="frGoalSoundPathBrowse" tabindex="2" /> <input
							type="url" id="frGoalSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- opfr goal -->
						<br /> <input type="checkbox" id="opfrGoalCheck" /><label
							for="opfrGoalCheck" id="label_opfrGoalCheck">Sound for
							own goal</label> <br />
						<button id="label_opfrGoalButton_reset" class="brestore">restore</button>
						<button id="label_opfrGoalButton_play" class="brestore">play</button>
						<input type="file" id="opfrGoalSoundPathBrowse" tabindex="2" /> <input
							type="url" id="opfrGoalSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- ot goal -->
						<br /> <input type="checkbox" id="otGoalCheck" /><label
							for="otGoalCheck" id="label_otGoalCheck">Sound for own
							goal</label> <br />
						<button id="label_otGoalButton_reset" class="brestore">restore</button>
						<button id="label_otGoalButton_play" class="brestore">play</button>
						<input type="file" id="otGoalSoundPathBrowse" tabindex="2" /> <input
							type="url" id="otGoalSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

						<!-- hattrick -->
						<br /> <input type="checkbox" id="hattrickCheck" /><label
							for="hattrickCheck" id="label_hattrickCheck">Sound for
							own goal</label> <br />
						<button id="label_hattrickButton_reset" class="brestore">restore</button>
						<button id="label_hattrickButton_play" class="brestore">play</button>
						<input type="file" id="hattrickSoundPathBrowse" tabindex="2" /> <input
							type="url" id="hattrickSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

					</div>


					<div id="tabs-2">

						<!-- miss goal -->
						<input type="checkbox" id="missGoalCheck" /><label
							for="missGoalCheck" id="label_missGoalCheck">Sound for
							own goal</label> <br />
						<button id="label_missGoalButton_reset" class="brestore">restore</button>
						<button id="label_missGoalButton_play" class="brestore">play</button>
						<input type="file" id="missGoalSoundPathBrowse" tabindex="2" /> <input
							type="url" id="missGoalSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

						<!-- miss friend -->
						<br /> <input type="checkbox" id="missFriendCheck" /><label
							for="missFriendCheck" id="label_missFriendCheck">Sound
							for missed friend goal</label> <br />
						<button id="label_missFriendButton_reset" class="brestore">restore</button>
						<button id="label_missFriendButton_play" class="brestore">play</button>
						<input type="file" id="missFriendSoundPathBrowse" tabindex="2" />
						<input type="url" id="missFriendSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

						<!-- miss other -->
						<br /> <input type="checkbox" id="missOtherCheck" /><label
							for="missOtherCheck" id="label_missOtherCheck">Sound for
							own goal</label> <br />
						<button id="label_missOtherButton_reset" class="brestore">restore</button>
						<button id="label_missOtherButton_play" class="brestore">play</button>
						<input type="file" id="missOtherSoundPathBrowse" tabindex="2" />
						<input type="url" id="missOtherSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />


						<!-- pressing -->
						<br />
						<input type="checkbox" id="pressingCheck" /><label
							for="pressingCheck" id="label_pressingCheck">Sound for
							pressing</label> <br />
						<button id="label_pressingButton_reset" class="brestore">restore</button>
						<button id="label_pressingButton_play" class="brestore">play</button>
						<input type="file" id="pressingSoundPathBrowse" tabindex="2" /> <input
							type="url" id="pressingSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

					</div>



					<div id="tabs-3">
						<!-- sun goal -->
						<input type="checkbox" id="sunCheck" /><label for="sunCheck"
							id="label_sunCheck">Sound for own goal</label> <br />
						<button id="label_sunButton_reset" class="brestore">restore</button>
						<button id="label_sunButton_play" class="brestore">play</button>
						<input type="file" id="sunSoundPathBrowse" tabindex="2" /> <input
							type="url" id="sunSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- rain goal -->
						<br /> <input type="checkbox" id="rainCheck" /><label
							for="rainCheck" id="label_rainCheck">Sound for own goal</label> <br />
						<button id="label_rainButton_reset" class="brestore">restore</button>
						<button id="label_rainButton_play" class="brestore">play</button>
						<input type="file" id="rainSoundPathBrowse" tabindex="2" /> <input
							type="url" id="rainSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- overcast goal -->
						<br /> <input type="checkbox" id="overcastCheck" /><label
							for="overcastCheck" id="label_overcastCheck">Sound for
							own goal</label> <br />
						<button id="label_overcastButton_reset" class="brestore">restore</button>
						<button id="label_overcastButton_play" class="brestore">play</button>
						<input type="file" id="overcastSoundPathBrowse" tabindex="2" /> <input
							type="url" id="overcastSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- few clouds goal -->
						<br /> <input type="checkbox" id="fewCloudsCheck" /><label
							for="fewCloudsCheck" id="label_fewCloudsCheck">Sound for
							own goal</label> <br />
						<button id="label_fewCloudsButton_reset" class="brestore">restore</button>
						<button id="label_fewCloudsButton_play" class="brestore">play</button>
						<input type="file" id="fewCloudsSoundPathBrowse" tabindex="2" />
						<input type="url" id="fewCloudsSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />





					</div>
					<div id="tabs-4">

						<!-- whistlestart -->
						<input type="checkbox" id="whistleStartCheck" /><label
							for="whistleStartCheck" id="label_whistleStartCheck">Sound
							for own goal</label> <br />
						<button id="label_whistleStartButton_reset" class="brestore">restore</button>
						<button id="label_whistleStartButton_play" class="brestore">play</button>
						<input type="file" id="whistleStartSoundPathBrowse" tabindex="2" />
						<input type="url" id="whistleStartSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- double whistle -->
						<br /> <input type="checkbox" id="whistle2Check" /><label
							for="whistle2Check" id="label_whistle2Check">Sound for
							own goal</label> <br />
						<button id="label_whistle2Button_reset" class="brestore">restore</button>
						<button id="label_whistle2Button_play" class="brestore">play</button>
						<input type="file" id="whistle2SoundPathBrowse" tabindex="2" /> <input
							type="url" id="whistle2SoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- triple whistle -->
						<br /> <input type="checkbox" id="whistle3Check" /><label
							for="whistle3Check" id="label_whistle3Check">Sound for
							own goal</label> <br />
						<button id="label_whistle3Button_reset" class="brestore">restore</button>
						<button id="label_whistle3Button_play" class="brestore">play</button>
						<input type="file" id="whistle3SoundPathBrowse" tabindex="2" /> <input
							type="url" id="whistle3SoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- whistle -->
						<br /> <input type="checkbox" id="whistleCheck" /><label
							for="whistleCheck" id="label_whistleCheck">Sound for own
							goal</label> <br />
						<button id="label_whistleButton_reset" class="brestore">restore</button>
						<button id="label_whistleButton_play" class="brestore">play</button>
						<input type="file" id="whistleSoundPathBrowse" tabindex="2" /> <input
							type="url" id="whistleSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

						<!-- my_sent_off -->
						<br /> <input type="checkbox" id="mySentOffCheck" /><label
							for="mySentOffCheck" id="label_mySentOffCheck">Sound for
							my sent off</label> <br />
						<button id="label_mySentOffButton_reset" class="brestore">restore</button>
						<button id="label_mySentOffButton_play" class="brestore">play</button>
						<input type="file" id="mySentOffSoundPathBrowse" tabindex="2" />
						<input type="url" id="mySentOffSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

						<!-- other_sent_off -->
						<br /> <input type="checkbox" id="otherSentOffCheck" /><label
							for="otherSentOffCheck" id="label_otherSentOffCheck">Sound
							for other sent off</label> <br />
						<button id="label_otherSentOffButton_reset" class="brestore">restore</button>
						<button id="label_otherSentOffButton_play" class="brestore">play</button>
						<input type="file" id="otherSentOffSoundPathBrowse" tabindex="2" />
						<input type="url" id="otherSentOffSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />


					</div>
					<div id="tabs-5">

						<!-- my_bruised -->
						<input type="checkbox" id="myBruisedCheck" /><label
							for="myBruisedCheck" id="label_myBruisedCheck">Sound for
							my bruised</label> <br />
						<button id="label_myBruisedButton_reset" class="brestore">restore</button>
						<button id="label_myBruisedButton_play" class="brestore">play</button>
						<input type="file" id="myBruisedSoundPathBrowse" tabindex="2" />
						<input type="url" id="myBruisedSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

						<!-- other_bruised -->
						<br /> <input type="checkbox" id="otherBruisedCheck" /><label
							for="otherBruisedCheck" id="label_otherBruisedCheck">Sound
							for other bruised</label> <br />
						<button id="label_otherBruisedButton_reset" class="brestore">restore</button>
						<button id="label_otherBruisedButton_play" class="brestore">play</button>
						<input type="file" id="otherBruisedSoundPathBrowse" tabindex="2" />
						<input type="url" id="otherBruisedSoundPath" maxlength="450000"
							size="63" value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

						<!-- my boo goal -->
						<br /> <input type="checkbox" id="myBooCheck" /><label
							for="myBooCheck" id="label_myBooCheck">Sound for own goal</label>
						<br />
						<button id="label_myBooButton_reset" class="brestore">restore</button>
						<button id="label_myBooButton_play" class="brestore">play</button>
						<input type="file" id="myBooSoundPathBrowse" tabindex="2" /> <input
							type="url" id="myBooSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />
						<!-- op boo goal -->
						<br /> <input type="checkbox" id="opBooCheck" /><label
							for="opBooCheck" id="label_opBooCheck">Sound for own goal</label>
						<br />
						<button id="label_opBooButton_reset" class="brestore">restore</button>
						<button id="label_opBooButton_play" class="brestore">play</button>
						<input type="file" id="opBooSoundPathBrowse" tabindex="2" /> <input
							type="url" id="opBooSoundPath" maxlength="450000" size="63"
							value="chrome://htlivesight/content/sound/cheer_8k.wav"
							class="textsnd ui-widget-content ui-corner-all" /> <br />

					</div>
				</div>
				<!--  	</fieldset> -->
			</div>
			<div id="otabs-6">
				<!--TAB5-->
				<fieldset>
					<legend id="CustomEventBackground">Event background color</legend>
					<span id="ChooseColor">You can choose your color at </span><a
						href="http://www.colorpicker.com/" target="_blank">http://www.colorpicker.com/</a><br />
					<br /> <input type="checkbox" id="friendHomeColorCheck" /> <label
						for="friendHomeColorCheck" id="label_friendHomeColorCode">Friend
						home hex color: #</label> <input type="color" name="friendHomeColor"
						id="friendHomeColorCode"
						class="text ui-widget-content ui-corner-all" /><br /> <br /> <input
						type="checkbox" id="friendAwayColorCheck" /> <label
						for="friendAwayColorCheck" id="label_friendAwayColorCode">Friend
						away hex color: #</label> <input type="color" name="friendAwayColor"
						id="friendAwayColorCode"
						class="text ui-widget-content ui-corner-all" /><br /> <br /> <input
						type="checkbox" id="foeHomeColorCheck" /> <label
						for="foeHomeColorCheck" id="label_foeHomeColorCode">Foreign
						home hex color: #</label><input type="color" name="foeHomeColor"
						id="foeHomeColorCode" class="text ui-widget-content ui-corner-all" />
					<br /> <br /> <input type="checkbox" id="foeAwayColorCheck" /> <label
						for="foeAwayColorCheck" id="label_foeAwayColorCode">Foreign
						away hex color: #</label><input type="color" name="foeAwayColor"
						id="foeAwayColorCode" class="text ui-widget-content ui-corner-all" />
					<br /> <br /> <input type="checkbox" id="neutralColorCheck" /> <label
						for="neutralColorCheck" id="label_neutralColorCode">Neutral
						hex color: #</label><input type="color" name="neutralColor"
						id="neutralColorCode" class="text ui-widget-content ui-corner-all" />
					<br /> <br />
				</fieldset>
				<fieldset>
					<legend id="CustomEventText">Event text color</legend>
					<input type="checkbox" id="friendHomeTextColorCheck" /> <label
						for="friendHomeTextColorCheck" id="label_friendHomeTextColorCode">Friend
						home text hex color: #</label> <input type="color"
						name="friendHomeTextColor" id="friendHomeTextColorCode"
						class="text ui-widget-content ui-corner-all" /> <br /> <br /> <input
						type="checkbox" id="friendAwayTextColorCheck" /> <label
						for="friendAwayTextColorCheck" id="label_friendAwayTextColorCode">Friend
						away text hex color: #</label> <input type="color"
						name="friendAwayTextColor" id="friendAwayTextColorCode"
						class="text ui-widget-content ui-corner-all" /> <br /> <br /> <input
						type="checkbox" id="foeHomeTextColorCheck" /> <label
						for="foeHomeTextColorCheck" id="label_foeHomeTextColorCode">Foe
						home text hex color: #</label> <input type="color" name="foeHomeTextColor"
						id="foeHomeTextColorCode"
						class="text ui-widget-content ui-corner-all" /> <br /> <br /> <input
						type="checkbox" id="foeAwayTextColorCheck" /> <label
						for="foeAwayTextColorCheck" id="label_foeAwayTextColorCode">Foe
						away text hex color: #</label> <input type="color" name="foeAwayTextColor"
						id="foeAwayTextColorCode"
						class="text ui-widget-content ui-corner-all" /> <br /> <br /> <input
						type="checkbox" id="neutralTextColorCheck" /> <label
						for="neutralTextColorCheck" id="label_neutralTextColorCode">Neutral
						text hex color: #</label> <input type="color" name="neutralTextColor"
						id="neutralTextColorCode"
						class="text ui-widget-content ui-corner-all" /> <br /> <br /> <input
						type="checkbox" id="seTextColorCheck" /> <label
						for="seTextColorCheck" id="label_seTextColorCode">SE text
						hex color: #</label> <input type="color" name="seTextColor"
						id="seTextColorCode" class="text ui-widget-content ui-corner-all" />
				</fieldset>
				<fieldset>
					<legend id="HeaderBarColor">Header bar color</legend>
					<input type="checkbox" id="headerBarColorCheck" /> <label
						for="headerBarColorCheck" id="label_headerBarColorCode">Header
						bar hex color: #</label> <input type="color" name="headerBarColor"
						id="headerBarColorCode"
						class="text ui-widget-content ui-corner-all" /><br />
					<br /> <input type="checkbox" id="headerBarTextColorCheck" /> <label
						for="headerBarTextColorCheck" id="label_headerBarTextColorCode">Header
						bar text hex color: #</label> <input type="color"
						name="headerBarTextColor" id="headerBarTextColorCode"
						class="text ui-widget-content ui-corner-all" />
				</fieldset>
			</div>
		</div>
	</div>
	<div id="about-dialog" title="">
		<div id="about-tabs">
			<ul>
				<li><a href="#tabs-1" id="TabInfo"></a></li>
				<li><a href="#tabs-2" id="TabTranslators"></a></li>
				<li><a href="#tabs-3" id="TabCredits"></a></li>
			</ul>
			<div id="tabs-1">
				<img src="./themes/images/256.png" alt="HTLiveSight Logo"><br />
				HTLiveSightDEV 0.6.1063<br /> <span id="creationDate"></span><br />
				<br /> <span id="createdBy"></span><br />
				<a
					href="http://www.hattrick.org/goto.ashx?path=/Club/Manager/?userId=10246801"
					target='blank'> Silkevicious</a> &amp; <a
					href="http://www.hattrick.org/goto.ashx?path=/Club/Manager/?userId=7967145"
					target='blank'>Bigpapy</a><br /> <br />
				<span id='testers'>Testers</span><br />
				<a
					href="http://www.hattrick.org/goto.ashx?path=/Club/Manager/?userId=9100817"
					target='blank'>Davidatorus</a> &amp; <a
					href="http://www.hattrick.org/goto.ashx?path=/Club/Manager/?userId=11288067"
					target='blank'>Pietrisque</a><br /> <br /> <span id="BasedOn">Based
					on</span> <span id="BasedOnTitle"> HattrickLiveFox</span><br /> <a
					href="http://hattricklivefox.mozdev.org" target="_newtab">http://hattricklivefox.mozdev.org</a>
			</div>
			<div id="tabs-2">
				<span id="ThanksTo"></span><br />
				<ul>
					<li>[ara] العربية: Tahar</li>
					<li>[aze] Azərbaycanca:</li>
					<li>[bel] Беларуская:</li>
					<li>[bul] Български: :</li>
					<li>[bos] Bosanski: BorisM, gomago</li>
					<li>[cat] Català: Peaso</li>
					<li>[ces] Čeština: Tomassvaclavek</li>
					<li>[dan] Dansk: Max_Schreck</li>
					<li>[ger] Deutsch: Hajott, CatzHoek, felix_90, tilkwahn</li>
					<li>[eng] English: Silkevicious</li>
					<li>[eng-us] American: Jashaz</li>
					<li>[ell] Ελληνικά:</li>
					<li>[est] Eesti: Simokas</li>
					<li>[eus] Euskara:</li>
					<li>[fas] فارسی: h4mid007</li>
					<li>[fin] Suomi:</li>
					<li>[fra] Français: Davidatorus</li>
					<li>[fry] Frysk:</li>
					<li>[fur] Furlan:</li>
					<li>[glg] Galego: Djalma8_Brl, GZ-grobas</li>
					<li>[heb] עברית: Mod-ozwuermli</li>
					<li>[hrv] Hrvatski: Davidboca, Zayc</li>
					<li>[hun] Magyar: dzsoo</li>
					<li>[ind] Bahasa Indonesia:</li>
					<li>[isl] Islenska:</li>
					<li>[ita] Italiano: bigpapy</li>
					<li>[jpn] 日本語:</li>
					<li>[kat] ქართული:</li>
					<li>[kor] 한국어: SI-CH</li>
					<li>[ltz] Lëtzebuergesch:</li>
					<li>[lit] Lietuvių: LA-MJ</li>
					<li>[lav] Latviešu: Aeon8</li>
					<li>[mkd] Македонски:</li>
					<li>[mlt] Malti:</li>
					<li>[nld] Nederlands: GM-eekels, CoRrRan</li>
					<li>[nob] Norsk-Bokmål: ultracool, kimme, murko</li>
					<li>[nno] Norsk-Nynorsk:</li>
					<li>[pol] Polski: Misiakow-Strateg_FBP, eerozeteen</li>
					<li>[por] Português: Titico, Estupor</li>
					<li>[por-br] Brasileiro:</li>
					<li>[ron] Română: RadrianO</li>
					<li>[rus] Русский: Vitaliy</li>
					<li>[slk] Slovenčina: apatka</li>
					<li>[slv] Slovenščina:</li>
					<li>[spa] Español: Baler0, djalma8, Peaso, Ryo567</li>
					<li>[spa-ca] Centroamericano: Baler0</li>
					<li>[spa-su] Sudamericano: Baler0</li>
					<li>[sqi] Shqip:</li>
					<li>[srp] Српски: ljushaff</li>
					<li>[swe] Svenska: murko</li>
					<li>[tur] Türkçe: BuraNk</li>
					<li>[vie] Tiếng Việt:</li>
					<li>[vls] Vlaams:</li>
					<li>[ukr] Українська: Vitaliy</li>
					<li>[zho] 中文（简体）:</li>
				</ul>
			</div>
			<div id="tabs-3">
				<span id="Supporter">Project support:</span><br /> <a
					href="http://code.google.com/p/htlivesight" target="_newtab"><img
					src="./themes/images/google.png" alt="Google"> </a><br /> <a
					href="http://sourceforge.net/projects/htlivesight" target="_newtab"><img
					src="./themes/images/sf.png" alt="Sourceforge"> </a><br /> <a
					href="http://htlivesight.symbiosis.org.gr" target="_newtab"><img
					src="./themes/images/Symbiosis.png" alt="Symbiosys"> </a><br />
				<a href="http://www.fatcow.com/free-icons" target="_newtab"><img
					src="./themes/images/FatCow.png" alt="FatCow"> </a><br /> <br />
				<label id="Tech">Our Technology:</label><br /> <a
					href="http://wikipedia.org/wiki/HTML5" target="_newtab"><img
					src="./themes/images/html5.png" alt="HTML5"> </a><br /> <a
					href="http://jqueryui.com" target="_newtab"><img
					src="./themes/images/jquery.png" alt="JQuery"> </a><br /> <br />
				<label id="License">Our License:</label><br /> <a
					href="http://www.opensource.org/licenses/mit-license.php"
					target="_newtab"><img src="./themes/images/mit.png" alt="MIT">
				</a>
			</div>
		</div>
	</div>
	<div id="topbar">
		<div id="left_topbar">
			<span id="latestNews">Check out the latest news on</span> <a
				title="Hattrick Forum" id="HTLSThread"
				href="http://www.hattrick.org/goto.ashx?path=/Forum/Overview.aspx?v=0%26f=796547"
				target="_blank"> <img alt="hattrick" class="socialicon"
				src="./themes/images/ht.png">
			</a> <a title="Project Website" id="ProjectWebsite"
				href="http://htlivesight.sourceforge.net" target="_blank"> <img
				alt="website" class="socialicon" src="./themes/images/48.png">
			</a> <a title="Google+ Page" id="GooglePlusPage"
				href="https://plus.google.com/108738414532467976031" target="_blank">
				<img alt="gplus" class="socialicon" src="./themes/images/gplus.png">
			</a> <a title="Twitter Page" id="TwitterPage"
				href="http://twitter.com/htlivesight" target="_blank"> <img
				alt="twitter" class="socialicon" src="./themes/images/twit.png">
			</a> <a title="Facebook Page" id="FacebookPage"
				href="http://www.facebook.com/pages/HTLiveSight/239694369438717"
				target="_blank"> <img alt="facebook" class="socialicon"
				src="./themes/images/fb.png">
			</a> <a title="Open Chat" id="chat_link" href="#"> <img alt="chat"
				class="socialicon" src="./themes/images/chat.png">
			</a>
			<div id="chat-dialog" title="Chat"></div>
		</div>
		<div id="central_topbar">
			<span id="ReLiveControls" style="display: none">ReLive
				Controls</span> <input type="button" class="relivebuttons"
				id="playPauseButton" style="display: none" value="▶" /> <input
				type="button" class="relivebuttons" id="goToEnd"
				style="display: none" value="▶▶▌" />
			<form id="reLiveSpeedForm" style="display: none">
				<select class="text ui-widget-content ui-corner-all"
					id="reLiveSpeedPanel" style="display: none">
					<option value="1">1x</option>
					<option value="2">2x</option>
					<option value="3">3x</option>
					<option value="4">4x</option>
					<option value="5">5x</option>
					<option value="6">6x</option>
					<option value="10">10x</option>
					<option value="12">12x</option>
					<option value="15">15x</option>
					<option value="20">20x</option>
					<option value="30">30x</option>
					<option value="60">60x</option>
				</select>
			</form>

		</div>
		<div id="right_topbar">
			<!--  <span id="LoggedIn">Logged in as</span>-->
			<span id="teamName"></span><span id="secondTeamName"></span> <span
				class="volume_tooltip"></span>
			<div id="volume_slider" title="volume"></div>
			<a title="Mute All" id="muteAll" href="#"><img id="muteAllImg"
				alt="Mute All" class="socialicon" src="./img/sound_on.gif"></a> <a
				title="Hide Sidebar" id="hidesidebar" href="#"> <img
				alt="Hide Sidebar" class="socialicon" src="./themes/images/hide.png">
			</a> <a title="Options" id="options_link" href="#"> <img
				alt="Options" class="socialicon" src="./themes/images/options.png">
			</a> <a title="About" id="about_link" href="#"> <img alt="About"
				class="socialicon" src="./themes/images/about.png">
			</a>
		</div>
	</div>
	<div id="thebox">
		<div id="live_box">
			<div id="formationpopup" title="Lineup">
				<span id="label_formationPopupUnavailable">Lineup popup
					function is temporary deactivated due a CHPP problem.<br />As soon
					the HTs fix it, we'll re-add this feature.<br /> Sorry for the
					inconvenience.
				</span>
			</div>
		</div>
		<div id="sidebar">
			<!-- sidebar-->
			<div id="winbox_leaguematches">
				<h3 id="h3LeagueMatches" style="display: none">
					<a href="#" id="LeagueMatches" style="display: none"></a>
				</h3>
				<div id="winboxcontent_leaguematches" style="display: none">
					<div id="contentbody_leaguematches">
						<table class="match_table">
							<thead id="contentheader_leaguematches">
								<tr>
									<th colspan="7" class="datetime_league"><span
										id="league_round_number" class="round_league"></span> <span
										id="league_round_date"></span></th>
								</tr>
							</thead>
							<tbody id="league_grid_rows">
							</tbody>
							<tfoot id="contentfooter_leaguematches">
								<tr>
									<td colspan="7" class="footer_league"><span
										id="league_round_time" class="chronometer_league"></span></td>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
			<div id="winbox_leaguetable" style="display: none">
				<h3>
					<a href="#" id="LeagueLiveTable"></a>
				</h3>
				<div id="winboxcontent_leaguetable">
					<div id="contentbody_leaguetable" class="live_league_table">
						<table id="leaguetable_grid_rows" cellpadding="0">
							<thead>
								<tr>
									<th class="header_league_table"><span id="LeaguePosition"></span></th>
									<th class="header_league_table"><span id="LeagueTeam"></span></th>
									<th class="header_league_table"></th>
									<th class="header_league_table"><span id="LeaguePlayed"></span></th>
									<th class="header_league_table" colspan="3"><span
										id="LeagueGoals"></span></th>
									<th class="header_league_table"><span id="LeagueGoalDiff"></span></th>
									<th class="header_league_table"><span id="LeaguePoints"></span></th>
								</tr>
							</thead>
							<tbody>
								<tr id="leaguetable_1">
									<td><span>1</span></td>
									<td><span id="leaguetable_1_name"></span></td>
									<td><img id="leaguetable_1_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_1_matches"></span></td>
									<td><span id="leaguetable_1_goals_for"></span></td>
									<td><span id="leaguetable_1_goals">-</span></td>
									<td><span id="leaguetable_1_goals_against"></span></td>
									<td><span id="leaguetable_1_goaldif"></span></td>
									<td><span id="leaguetable_1_points"></span></td>
								</tr>
								<tr id="leaguetable_2">
									<td><span>2</span></td>
									<td><span id="leaguetable_2_name"></span></td>
									<td><img id="leaguetable_2_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_2_matches"></span></td>
									<td><span id="leaguetable_2_goals_for"></span></td>
									<td><span id="leaguetable_2_goals">-</span></td>
									<td><span id="leaguetable_2_goals_against"></span></td>
									<td><span id="leaguetable_2_goaldif"></span></td>
									<td><span id="leaguetable_2_points"></span></td>
								</tr>
								<tr id="leaguetable_3">
									<td><span>3</span></td>
									<td><span id="leaguetable_3_name"></span></td>
									<td><img id="leaguetable_3_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_3_matches"></span></td>
									<td><span id="leaguetable_3_goals_for"></span></td>
									<td><span id="leaguetable_3_goals">-</span></td>
									<td><span id="leaguetable_3_goals_against"></span></td>
									<td><span id="leaguetable_3_goaldif"></span></td>
									<td><span id="leaguetable_3_points"></span></td>
								</tr>
								<tr id="leaguetable_4">
									<td><span>4</span></td>
									<td><span id="leaguetable_4_name"></span></td>
									<td><img id="leaguetable_4_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_4_matches"></span></td>
									<td><span id="leaguetable_4_goals_for"></span></td>
									<td><span id="leaguetable_4_goals">-</span></td>
									<td><span id="leaguetable_4_goals_against"></span></td>
									<td><span id="leaguetable_4_goaldif"></span></td>
									<td><span id="leaguetable_4_points"></span></td>
								</tr>
								<tr id="leaguetable_5">
									<td><span>5</span></td>
									<td><span id="leaguetable_5_name"></span></td>
									<td><img id="leaguetable_5_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_5_matches"></span></td>
									<td><span id="leaguetable_5_goals_for"></span></td>
									<td><span id="leaguetable_5_goals">-</span></td>
									<td><span id="leaguetable_5_goals_against"></span></td>
									<td><span id="leaguetable_5_goaldif"></span></td>
									<td><span id="leaguetable_5_points"></span></td>
								</tr>
								<tr id="leaguetable_6">
									<td><span>6</span></td>
									<td><span id="leaguetable_6_name"></span></td>
									<td><img id="leaguetable_6_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_6_matches"></span></td>
									<td><span id="leaguetable_6_goals_for"></span></td>
									<td><span id="leaguetable_6_goals">-</span></td>
									<td><span id="leaguetable_6_goals_against"></span></td>
									<td><span id="leaguetable_6_goaldif"></span></td>
									<td><span id="leaguetable_6_points"></span></td>
								</tr>
								<tr id="leaguetable_7">
									<td><span>7</span></td>
									<td><span id="leaguetable_7_name"></span></td>
									<td><img id="leaguetable_7_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_7_matches"></span></td>
									<td><span id="leaguetable_7_goals_for"></span></td>
									<td><span id="leaguetable_7_goals">-</span></td>
									<td><span id="leaguetable_7_goals_against"></span></td>
									<td><span id="leaguetable_7_goaldif"></span></td>
									<td><span id="leaguetable_7_points"></span></td>
								</tr>
								<tr id="leaguetable_8">
									<td><span>8</span></td>
									<td><span id="leaguetable_8_name"></span></td>
									<td><img id="leaguetable_8_change"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_8_matches"></span></td>
									<td><span id="leaguetable_8_goals_for"></span></td>
									<td><span id="leaguetable_8_goals">-</span></td>
									<td><span id="leaguetable_8_goals_against"></span></td>
									<td><span id="leaguetable_8_goaldif"></span></td>
									<td><span id="leaguetable_8_points"></span></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>


			<div id="winbox_leaguematchesBis">
				<h3 id="h3LeagueMatchesBis" style="display: none">
					<a href="#" id="LeagueMatchesBis" style="display: none"></a>
				</h3>
				<div id="winboxcontent_leaguematchesBis" style="display: none">
					<div id="contentbody_leaguematchesBis">
						<table class="match_table">
							<thead id="contentheader_leaguematchesBis">
								<tr>
									<th colspan="7" class="datetime_league"><span
										id="league_round_numberBis" class="round_league"></span> <span
										id="league_round_dateBis"></span></th>
								</tr>
							</thead>
							<tbody id="league_grid_rowsBis">
							</tbody>
							<tfoot id="contentfooter_leaguematchesBis">
								<tr>
									<td colspan="7" class="footer_league"><span
										id="league_round_timeBis" class="chronometer_league"></span></td>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
			<div id="winbox_leaguetableBis" style="display: none">
				<h3>
					<a href="#" id="LeagueLiveTableBis"></a>
				</h3>
				<div id="winboxcontent_leaguetableBis">
					<div id="contentbody_leaguetableBis" class="live_league_table">
						<table id="leaguetable_grid_rowsBis" cellpadding="0">
							<thead>
								<tr>
									<th class="header_league_table"><span
										id="LeaguePositionBis"></span></th>
									<th class="header_league_table"><span id="LeagueTeamBis"></span></th>
									<th class="header_league_table"></th>
									<th class="header_league_table"><span id="LeaguePlayedBis"></span></th>
									<th class="header_league_table" colspan="3"><span
										id="LeagueGoalsBis"></span></th>
									<th class="header_league_table"><span
										id="LeagueGoalDiffBis"></span></th>
									<th class="header_league_table"><span id="LeaguePointsBis"></span></th>
								</tr>
							</thead>
							<tbody>
								<tr id="leaguetable_1Bis">
									<td><span>1</span></td>
									<td><span id="leaguetable_1_nameBis"></span></td>
									<td><img id="leaguetable_1_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_1_matchesBis"></span></td>
									<td><span id="leaguetable_1_goals_forBis"></span></td>
									<td><span id="leaguetable_1_goalsBis">-</span></td>
									<td><span id="leaguetable_1_goals_againstBis"></span></td>
									<td><span id="leaguetable_1_goaldifBis"></span></td>
									<td><span id="leaguetable_1_pointsBis"></span></td>
								</tr>
								<tr id="leaguetable_2Bis">
									<td><span>2</span></td>
									<td><span id="leaguetable_2_nameBis"></span></td>
									<td><img id="leaguetable_2_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_2_matchesBis"></span></td>
									<td><span id="leaguetable_2_goals_forBis"></span></td>
									<td><span id="leaguetable_2_goalsBis">-</span></td>
									<td><span id="leaguetable_2_goals_againstBis"></span></td>
									<td><span id="leaguetable_2_goaldifBis"></span></td>
									<td><span id="leaguetable_2_pointsBis"></span></td>
								</tr>
								<tr id="leaguetable_3Bis">
									<td><span>3</span></td>
									<td><span id="leaguetable_3_nameBis"></span></td>
									<td><img id="leaguetable_3_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_3_matchesBis"></span></td>
									<td><span id="leaguetable_3_goals_forBis"></span></td>
									<td><span id="leaguetable_3_goalsBis">-</span></td>
									<td><span id="leaguetable_3_goals_againstBis"></span></td>
									<td><span id="leaguetable_3_goaldifBis"></span></td>
									<td><span id="leaguetable_3_pointsBis"></span></td>
								</tr>
								<tr id="leaguetable_4Bis">
									<td><span>4</span></td>
									<td><span id="leaguetable_4_nameBis"></span></td>
									<td><img id="leaguetable_4_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_4_matchesBis"></span></td>
									<td><span id="leaguetable_4_goals_forBis"></span></td>
									<td><span id="leaguetable_4_goalsBis">-</span></td>
									<td><span id="leaguetable_4_goals_againstBis"></span></td>
									<td><span id="leaguetable_4_goaldifBis"></span></td>
									<td><span id="leaguetable_4_pointsBis"></span></td>
								</tr>
								<tr id="leaguetable_5Bis">
									<td><span>5</span></td>
									<td><span id="leaguetable_5_nameBis"></span></td>
									<td><img id="leaguetable_5_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_5_matchesBis"></span></td>
									<td><span id="leaguetable_5_goals_forBis"></span></td>
									<td><span id="leaguetable_5_goalsBis">-</span></td>
									<td><span id="leaguetable_5_goals_againstBis"></span></td>
									<td><span id="leaguetable_5_goaldifBis"></span></td>
									<td><span id="leaguetable_5_pointsBis"></span></td>
								</tr>
								<tr id="leaguetable_6Bis">
									<td><span>6</span></td>
									<td><span id="leaguetable_6_nameBis"></span></td>
									<td><img id="leaguetable_6_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_6_matchesBis"></span></td>
									<td><span id="leaguetable_6_goals_forBis"></span></td>
									<td><span id="leaguetable_6_goalsBis">-</span></td>
									<td><span id="leaguetable_6_goals_againstBis"></span></td>
									<td><span id="leaguetable_6_goaldifBis"></span></td>
									<td><span id="leaguetable_6_pointsBis"></span></td>
								</tr>
								<tr id="leaguetable_7Bis">
									<td><span>7</span></td>
									<td><span id="leaguetable_7_nameBis"></span></td>
									<td><img id="leaguetable_7_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_7_matchesBis"></span></td>
									<td><span id="leaguetable_7_goals_forBis"></span></td>
									<td><span id="leaguetable_7_goalsBis">-</span></td>
									<td><span id="leaguetable_7_goals_againstBis"></span></td>
									<td><span id="leaguetable_7_goaldifBis"></span></td>
									<td><span id="leaguetable_7_pointsBis"></span></td>
								</tr>
								<tr id="leaguetable_8Bis">
									<td><span>8</span></td>
									<td><span id="leaguetable_8_nameBis"></span></td>
									<td><img id="leaguetable_8_changeBis"
										class="leaguetable_equal" /></td>
									<td><span id="leaguetable_8_matchesBis"></span></td>
									<td><span id="leaguetable_8_goals_forBis"></span></td>
									<td><span id="leaguetable_8_goalsBis">-</span></td>
									<td><span id="leaguetable_8_goals_againstBis"></span></td>
									<td><span id="leaguetable_8_goaldifBis"></span></td>
									<td><span id="leaguetable_8_pointsBis"></span></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>



			<div id="winbox_matchlist">
				<h3>
					<a href="#" id="MatchesList"></a>
				</h3>
				<div id="winboxcontent_matchlist">
					<div id="contentbody_matchlist">
						<table class="match_table" id="other_grid_rows">
						</table>
					</div>
				</div>
			</div>
			<div id="winbox_friends">
				<h3>
					<a href="#" id="FriendsTitle"></a>
				</h3>
				<div id="winboxcontent_friends">
					<div id="contentbody_friends">
						<div>
							<select id="listbox_friends" size="5" multiple="multiple"
								class="text ui-widget-content ui-corner-all">
							</select>
						</div>
						<div id="managefriendsbuttons">
							<button id="btnfriend_remove" />
							<label for="btnfriend_remove" id="FriendsRemove"></label>
							<button id="btnfriend_addmatch" />
							<label for="btnfriend_addmatch" id="FriendsOpen"></label>
							<button id="imgup_friend" />
							<label for="imgup_friend">▲</label>
							<button id="imgdown_friend" />
							<label for="imgdown_friend">▼</label>
						</div>
					</div>
				</div>
			</div>
			<div id="winbox_addmatch">
				<h3>
					<a href="#" id="MatchesAdd"></a>
				</h3>
				<div id="winboxcontent_addmatch">
					<div id="contentbody_addmatch">
						<input type="text" id="boxaddmatch"
							class="text ui-widget-content ui-corner-all" /> <select
							id="sourceSystem" class="text ui-widget-content ui-corner-all">
							<option id="optionHattrick" value="hattrick">Senior</option>
							<option id="optionYouth" value="youth">Youth</option>
							<option id="optionHtointegrated" value="htointegrated">Tournament</option>
						</select> <br />
						<div id="addmatchbuttons">
							<button id="buttonAddMatch" />
							<label for="buttonAddMatch" id="MatchesByMatch"></label>
							<button id="buttonAddTeam" />
							<label for="buttonAddTeam" id="MatchesByTeam"></label>
						</div>
					</div>
				</div>
			</div>
			<div id="server">
				<h3>
					<a href="#" id="MenuServer"></a>
				</h3>
				<div id="serverint">
					<span id="ServerStatus"></span> <span id="progresslabel"></span>
					<div id="clockBox" style="display: none"></div>
					<progress id="progressmeter"></progress>
				</div>
			</div>
		</div>
	</div>
	<textarea id="clipboard-store" style="display: none;"></textarea>
	<div id="copiedToClipboard" style="display: none">Copied to
		clipboard!</div>
</body>
</html>
